<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
    />
    <title></title>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.13.2/skins/default/aliplayer-min.css" />
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script charset="utf-8" type="text/javascript"
    src="https://g.alicdn.com/de/prismplayer/2.13.2/aliplayer-h5-min.js"></script>
    <script src="https://static.zpimg.cn/public/career/video/aliplayercomponents-1.0.5.js"></script>
    <script>
      !(function(doc, win) {
        const docEl = doc.documentElement
        const resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
        const recalc = function() {
          const clientWidth = docEl.clientWidth
          if (!clientWidth) return
          if (clientWidth < 750) {
            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
          } else {
            docEl.style.fontSize = '100px'
          }
        }
        if (!doc.addEventListener) return
        win.addEventListener(resizeEvt, recalc, false)
        doc.addEventListener('DOMContentLoaded', recalc, false)
      })(document, window)
    </script>
  </head>
  <body>
    <script>
      const defaultImage = 'https://zpimg.cn/a/img/img.png'
      const defaultLogo = 'https://zpimg.cn/a/img/logo.png'
      const defaultAvatar = 'https://zpimg.cn/a/img/avatar.png'
    </script>

    <div id="root"></div>
  </body>
</html>
